/* Set width on the form input elements since they're 100% wide by default */
table.dataTable tbody th{
	padding-right: 15px !important;
}

.form-grid-control {
    border: none 0 transparent !important;
    background: transparent;
    width: 100%;
}

.dataTable_group {
    background-color: #c5c5c5 !important;
    font-weight: bold;
}

 .btn-action {
  color: #fff;
  background-color: #6186a7;
  border-color: #2e6da4;
}
.btn-action:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-action:active,
.btn-action.active {
  color: #131640;
  background-color: #6186a7;
  border-color: #465e73;
}
.btn-action:active:hover,
.btn-action.active:hover,
.btn-action.active:focus,
.btn-action:active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.RepeaterLinkToField {
    position: absolute;
    margin: 10px -6px;
}

.RepeaterSubLevel2Icon {
    font-size: 15px;
    margin-left: 5px;
    cursor: pointer;
}

.RepeaterSubLevel2 {
    display: block;
    width: 100%;
}

.RepeaterFieldContainerInline {
    display: inline-block;
    padding-right: 15px;
}

.RepeaterLabel {
    font-weight: bold;
    padding: 0 2px;
}

.RepeaterValue {
    font-weight: inherit;
    padding: 0 2px;
}

label {
    font-weight: inherit;
}

.ui-datepicker {
    background-color: #fff !important;
}

.control-spinner {
    position: absolute;
    margin-left: 10px;
    font-size: 22px;
}

.select2-selection__rendered .control-spinner {
    position: absolute;
    margin-left: 0;
    font-size: 22px;
    margin-top: 2px;
}

.form-control {
    height: 34px;
}

input[type="checkbox"], input[type="radio"] {
    width: auto !important;
    height: auto !important;
    display: inline !important;
}

.ContentPageHeader {
    padding: 0 10px;
}

.ContentPageHeader .navbar-text {
    padding: 5px !important;
    margin: 0 15px 0 0 !important;
    color: #504d4d;
}

.ContentPageHeader .navbar-text i {
    padding-right: 5px;
    font-size: 20px;
}

.error {
    border-color: red !important;
}

.row {
    margin-left: -5px;
}

.vcenter {
    display: flex;
    align-items: center;
}

.headerIcon {
    color: white;
}

.StartIcon {
    text-align: center;
    padding: 20px;
}

    .StartIcon a {
        cursor: pointer;
        color: black;
    }

    .StartIcon i {
        font-size: 70px;
    }

    .StartIcon div {
        font-size: 20px;
    }

.form-group div input, textarea {
    height: auto;
}

.select2-results__option i {
    font-size: 20px;
    margin-right: 10px;
    margin-top: -2px;
}

.TrMessage {
    height: 30px;
    margin-top: 10px;
    margin-left: 8px;
    vertical-align: middle;
    font-size: 16px;
}

    .TrMessage i {
        font-size: 30px;
    }

    .TrMessage span {
        padding-left: 10px;
        vertical-align: super;
    }

a img {
    border: none;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

body, table, input, select, div {
    font-family: Verdana;
    font-size: 8pt;
}

body, html {
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #666666;
    scrollbar-base-color: #E6E6E6;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #E6E6E6;
    scrollbar-highlight-color: #999999;
    scrollbar-shadow-color: #999999;
    scrollbar-track-color: #FFFFFF;
}

body {
    margin: 0;
    background-color: #eff3f6;
}

input[type='text'], input[type='password'], select {
    border: 1px solid #DCDCDC;
}

input[type='text']:not([class*="form-control"]), input[type='password']:not([class*="form-control"]), select:not([class*="form-control"]) {
    height: 18px;
    line-height: 18px;
}

input[type='text']:hover, input[type='password']:hover {
    border: 1px solid #A0A0A0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.AlignRight {
    text-align: right;
}

.PaddingRight20Px {
    padding-right: 20px;
}

.PaddingLeft20Px {
    padding-left: 20px;
}

.Strong {
    font-weight: bold;
}

.DisplayNone {
    display: none;
}

/* [end] Changes after migrating to .Net Framework 2.0 */

/* [begin] Previous to migrating to .Net Framework 2.0 */
.SmallButton {
    /* OBSOLETE: DO NOT USE! */
    text-align: center;
}

.SmallText {
    vertical-align: baseline;
    text-align: left;
    color: #3C3D3C;
}

.SectionText {
    /* OBSOLETE: DO NOT USE! */
    vertical-align: baseline;
    text-align: left;
    font-weight: bold;
}

.SmallInput {
    /* OBSOLETE: DO NOT USE! */
    vertical-align: baseline;
    text-align: left;
}

.NormalButton {
    /* OBSOLETE: DO NOT USE! */
    text-align: center;
}

.NormalText {
    /* OBSOLETE: DO NOT USE! */
    vertical-align: baseline;
    text-align: left;
}

PushButton {
    /* OBSOLETE: DO NOT USE! */
    text-align: center;
}

.SystemText {
    /* OBSOLETE: DO NOT USE! */
    vertical-align: baseline;
    text-align: left;
}

.SmallRightText {
    /* OBSOLETE: DO NOT USE! */
    vertical-align: baseline;
    text-align: right;
}

.TableHeader {
    /* OBSOLETE: DO NOT USE! */
    table-layout: fixed;
    vertical-align: baseline;
    color: #FFFFFF;
    border-collapse: collapse;
    background-color: #003c88;
    text-align: center;
}

.O2PLogo {
    /* Upper O2P logo */
}

.TableItem {
    /* OBSOLETE: DO NOT USE! */
    table-layout: fixed;
    vertical-align: baseline;
    color: black;
    border-collapse: collapse;
    background-color: silver;
    text-align: left;
}

.RowHeader1 {
    /* OBSOLETE: DO NOT USE! */
    table-layout: fixed;
    vertical-align: baseline;
    color: black;
    border-collapse: collapse;
    background-color: silver;
    text-align: left;
}

.RowHeader2 {
    /* OBSOLETE: DO NOT USE! */
    table-layout: fixed;
    vertical-align: baseline;
    color: black;
    border-collapse: collapse;
    background-color: Teal;
    text-align: left;
}

.RowHeader3 {
    /* OBSOLETE: DO NOT USE! */
    table-layout: fixed;
    vertical-align: baseline;
    color: black;
    border-collapse: collapse;
    background-color: Aqua;
    text-align: left;
}

.TableFooter {
    /* OBSOLETE: DO NOT USE! */
    table-layout: fixed;
    font-weight: bold;
    vertical-align: baseline;
    color: #FFFFFF;
    border-collapse: collapse;
    background-color: #003c88;
    text-align: center;
}

.StdTable {
    /* OBSOLETE: DO NOT USE! */
    border-right: black 1px solid;
    border-top: black 1px solid;
    vertical-align: baseline;
    overflow: scroll;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    text-align: left;
    text-decoration: none;
}
/* [end] Previous to migrating to .Net Framework 2.0 */

/* [begin] AutoCompleteTextBox-specific */
.ListItem, .ListItemHover {
    /* Non-standard autocomplete text box item */
    vertical-align: baseline;
    display: block;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
}

.ListItem {
    color: #555555;
    background-color: #FFFFFF;
}

.ListItemHover {
    color: #FFFFFF;
    background-color: #0053A5;
}

.AutoCompleteList {
    /* The list div itself */
    position: absolute;
    z-index: 150;
    border: 1px solid #666666;
    background-color: #FFFFFF;
}
/* [end] AutoCompleteTextBox-specific */

/* [begin] Start Page - specific */
.LoginPanel {
    /* Login panel in start page */
    margin: 10px 10px 0px 0px;
    width: 250px;
    border: solid 1px #3C3D3C;
}

.LoginPanelProgress {
    /* updateprogress in login panel at start page */
    margin-top: -20px;
    margin-left: 5px;
    position: fixed;
}

.LoginPanelHeader {
    font-weight: bold;
    text-align: center;
    color: #018E86;
    padding: 5px;
}

.LoginPanelFooter {
    text-align: center;
    padding-top: 5px;
    color: #018E86;
    /*display: block;*/
}

.LoginLabel {
    text-align: right;
    padding-right: 10px;
    color: #191A19;
}

.MenuLocation {
    padding-top: 10px;
    width: 250px;
}

.MenuPanel {
    margin-top: -1px;
    padding-right: 10px;
    color: #191A19;
    border: solid 1px #3C3D3C;
}

    .MenuPanel .MenuContent {
        /* Menu - content */
        padding: 5px 5px 5px 8px;
    }

    .MenuPanel .MenuSection {
        /* Menu - section */
        display: block;
        font-weight: bold;
        text-decoration: none;
        color: #191A19;
        padding: 2px 0px 2px 3px;
    }

        .MenuPanel .MenuSection:hover {
            /* Menu - section: On hover behavior */
            color: #E6E6E6;
            background: #018E86 url( '../Images/cpRightDouble.png' ) no-repeat right;
        }

    .MenuPanel .MenuOption {
        /* Menu - option */
        display: block;
        cursor: pointer;
        padding: 2px 2px 2px 3px;
    }

        .MenuPanel .MenuOption:hover {
            /* Menu - option */
            background-color: #018E86;
            color: #E6E6E6;
        }

    .MenuPanel .MenuHeader {
        /* Menu - header */
        color: #018E86;
    }

    .MenuPanel .NavLink {
        /* Path navigator (menu) - link */
        font-weight: bold;
        text-decoration: none;
        padding: 0px 2px 0px 2px;
    }

        .MenuPanel .NavLink:hover {
            /* Menu - option */
            background-color: #018E86;
            color: #E6E6E6;
        }

    .MenuPanel .NavSeparator {
        /* Path navigator (menu) - separator */
        border-bottom: solid 1px #191A19;
        padding: 3px 0px 5px 4px;
    }

    .MenuPanel .GreaterThan {
        /* Path navigator (menu) - '>' sign */
        display: inline;
    }

    .MenuPanel .NavLabel {
        /* Path navigator (menu) - label */
    }

.OptionsLocation {
    /* User preferences in start page */
    padding-top: 10px;
    width: 250px;
}

    .OptionsLocation .Email {
        /* Email section in user preferences */
        border-bottom: solid 1px #191A19;
        padding: 3px 4px 5px 4px;
    }

    .OptionsLocation .Password {
        /* Password section in user preferences */
        padding: 8px 4px 5px 4px;
        border-bottom: solid 1px #191A19;
    }

    .OptionsLocation .Update {
        /* Update section in user preferences */
        padding: 8px 4px 5px 4px;
        text-align: right;
    }

        .OptionsLocation .Update input {
            /* Button in update section - user preferences */
            cursor: pointer;
        }

.OptionsPanel {
    /* Information inside user preferences' collapsible panel */
    margin-top: -1px;
    padding-right: 10px;
    color: #191A19;
    border: solid 1px #3C3D3C;
}

    .OptionsPanel .OptionsContent {
        /* Menu (user preferences) - content */
        padding: 5px 5px 5px 8px;
    }

.FoundationArea {
    /* Menu, user preferences, login panel, ... */
    width: 250px;
    vertical-align: top;
}

.StartPageMessageAreaContainer {
    /* Container for each message, starting from number 1 */
    padding-top: 15px;
}

.StartPageMessageArea {
    /* Content management area output in start page */
    padding-left: 3px;
    width: 720px;
    vertical-align: top;
}

.StartPageMessageAreaDiv {
    vertical-align: top;
    padding-top: 10px;
    width: 100%;
}

.StartPageMessagePanel {
    margin-top: -1px;
    border: solid 1px #3C3D3C;
}

.StartPageMessagePanelHeader {
    border: solid 1px #3C3D3C;
    background-color: #3C3D3C;
    height: 27px;
}

.StartPageMessageAreaLegend {
    font-weight: bold;
    color: #018E86;
}

.StartPageMessageAreaTitle {
    /* Title for message inside message area */
    font-weight: bold;
    color: #191A19;
}

.StartPageMessageAreaHorizontalRule {
    /* Style for the HR */
    color: #E6E6E6;
    background-color: #E6E6E6;
    height: 1px;
    border: none;
}

.StartPageMessageAreaTitleDate {
    /* Date for message inside message area */
    color: #191A19;
    float: right;
}

.StartPageMessageAreaMsg {
    /* Message for message inside message area */
    color: #191A19;
    text-align: justify;
    margin-top: -3px;
}

.StartPageMessageAreaMsgAuthor {
    /* CSS class for message author */
    font-style: italic;
}

.StartPageTable {
    /* Table for all the start page iFrame */
    width: 100%;
    border: none;
}

.StartPageGraphArea {
    /* Content management area output in start page */
    padding: 10px 0px 0px 0px;
    width: 100%;
    vertical-align: top;
}

.StartPageGraphAreaPanel {
    margin-top: -1px;
    border: solid 1px #3C3D3C;
}

/* [end] Start Page - specific */

/* [begin] O2PIntranet Foundation - specific */
.HeaderTable {
    /* Entire header table */
    width: 100%;
    height: 39px;
    border-spacing: 0px;
}

.HeaderLeftTd {
    /* Header table td for controls to the left */ /*text-align: left; 	padding: 0; 	padding-top: 1px; 	padding-left: 3px; 	vertical-align: top;*/
    height: 35px;
    width: 643px;
}

.HeaderTd {
    /* Each header table td element */
    text-align: right;
    padding: 0;
    vertical-align: bottom;
    width: 40px;
}

.HeaderTdSearch {
    /* Header table td search element */
    padding: 0px;
    height: 35px;
    width: 234px;
    vertical-align: bottom;
}

.HeaderSearch {
    /* Search box */
    background: url( '../Images/TopSearch.png' ) no-repeat left bottom;
    text-align: left;
}

.HeaderSearchTransactionButton {
    /* Search button */
    background: url( '../Images/TopSearchButton.png' ) no-repeat left center;
    border: none;
    width: 13px;
    height: 22px;
    margin-left: 4px;
    vertical-align: middle;
    cursor: pointer;
}

.HeaderSearchTransactionText {
    /* Search text box */
    border: transparent;
    color: #3C3D3C;
    vertical-align: middle;
}

.InputWatermark {
    /* Input watermark - respect HeaderSearchTransactionText */
    border: transparent;
    color: #3C3D3C;
    vertical-align: middle;
}

.InputWatermark2 {
    font-size: 8pt;
    color: #3C3D3C;
}

.InfoWatermarkText {
    border: transparent;
    height: 15px;
    width: 142px;
    display: inline;
    color: #3C3D3C;
    font-size: x-small;
}

.HeaderSignOut {
    /* Sign out button */
}

.HeaderHelp {
    /* Help button */
}

.HeaderFavoritesButton {
    /* Favorites (star) button */
}

.UpdateFavoritesButton {
    /* Hidden button to update favorites */
    width: 1px;
    height: 1px;
    display: none;
}

.HeaderFavoritesPanel {
    /* Favorites (hidden) panel */
    border: solid 1px #666666;
    display: block;
    background-color: #FFFFFF;
    z-index: 150;
}

.HeaderFavoritesEntryDef, .HeaderFavoritesEntryAdd {
    /* Add to... and Default Transaction */
    padding: 4px;
    text-align: left;
    background-color: #FFFFFF;
    display: block;
}

.HeaderFavoritesEntryAdd {
    /* Initially hide Add to "" Favorites. */
    display: none;
}

.HeaderFavoritesEntryAdd {
    /* Add to... */
    border-bottom: solid 1px #666666;
}

.HeaderFavoritesEntry {
    /* Individual divs - trash can, checkbox and text */
    border-top: solid 1px #666666;
    text-align: left;
    background-color: #FFFFFF;
    padding: 2px;
    padding-right: 4px;
    display: block;
    vertical-align: top;
    display: block;
}

    .HeaderFavoritesEntry:hover, .HeaderFavoritesEntryDef:hover, .HeaderFavoritesEntryAdd:hover {
        /* Hovering over individual entries in favorites panel */
        color: #FFFFFF;
        background-color: #0053A5;
    }

.HeaderFavoritesCheck {
    /* Checkbox for selection in favorites */
    vertical-align: middle;
}

.HeaderFavoritesDel {
    /* Favorites trash bin */
    vertical-align: middle;
}

.HeaderFavoritesText {
    /* Favorites' text description */
    vertical-align: middle;
    display: inline;
}

.ContentFrame {
    /* Lower content frame */
    width: 1025px;
}

.FoundationHeaderMap {
    /* Map on top of image to load www.processware.com.pt */
    height: 10px;
    width: 75px;
    position: relative;
    top: 22px;
    left: 295px;
    cursor: pointer;
    border: 0px;
}
/* [end] O2PIntranet Foundation - specific */

/* [begin] Tabs */
.TabContentStyle {
    /* Lower tab content */
    visibility: visible;
}

.TabContentVisible {
    /* Lower tab content visible, for switching between tabs */
    visibility: visible;
    display: block;
}

.TabContentStyleCompatibility {
    /* Lower tab content */
    visibility: visible;
    width: 100%;
}

.TabContentVisibleCompatibility {
    /* Lower tab content visible, for switching between tabs */
    visibility: visible;
    display: block;
    width: 100%;
}

.TabContentHidden {
    /* Lower tab content invisible, for switching between tabs */
    visibility: hidden;
    display: none;
    left: 0;
    width: 0;
    top: 0;
    height: 0;
}
/* [end] Tabs */

/* [begin] Complex Form Tabs */
.ComplexFormTabs {
    margin: 0px;
    margin-bottom: 2px;
    padding-top: 15px;
    padding-bottom: 6px;
    padding-right: 3px;
    padding-left: 3px;
    border-bottom: solid 1px #191A19;
}

    .ComplexFormTabs li {
        display: inline;
        background-color: #191A19;
        margin: 0;
        margin-right: 3px;
        padding-top: 9px;
        padding-bottom: 6px;
        padding-left: 5px;
        padding-right: 0px;
        text-align: center;
        cursor: pointer;
    }

        .ComplexFormTabs li img {
            padding-right: 8px;
        }

        .ComplexFormTabs li div {
            display: inline;
        }

        .ComplexFormTabs li input.HeaderTab {
            border: solid 1px Transparent;
            width: 68px;
            text-align: center;
        }

    .ComplexFormTabs .ActiveTab, .ComplexFormTabs .ActiveTab input {
        padding-bottom: 7px;
        background-color: #FFFFFF;
        color: #191A19;
        font-weight: normal;
        border: solid 1px black;
        border-bottom: #FFFFFF;
        z-index: -1;
    }

    .ComplexFormTabs .InactiveTab, .ComplexFormTabs .InactiveTab input {
        background-color: #018E86;
        color: White;
        font-weight: normal;
        border: solid 1px black;
        border-bottom: solid 1px #191A19;
    }

.ComplexFormTabContentStyle {
    visibility: visible;
    padding: 5px;
}

.ComplexChildFormContentStyle {
    visibility: visible;
    padding: 5px;
    width: 99%;
}

.ComplexFormTabIFrame {
    height: 530px;
}

.ComplexScrollTabsFrame {
    overflow: hidden;
    height: 40px;
    width: 1400px;
    position: relative;
}

.ComplexScrollTabsDiv {
    position: absolute;
}

.SimpleFormTabIFrame {
    height: 700px;
}

/* [end] Complex Form Tabs */


/* [begin] AJAX Control Toolkit */

.ajax__tab_active .ajax__tab_tab {
    color: black;
}

.ajax__tab_disabled .ajax__tab_tab {
    color: lightgray;
}

.ajax__tab .ajax__tab_tab {
    color: black;
}

/* [end] AJAX Control Toolkit */


/* [begin] Collapsible error panel */
.ClosedErrorPanelDiv {
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 13px;
    padding: 5px 12px 3px 8px;
    background-color: #191A19;
    height: 18px;
}

.OpenErrorPanelDiv {
}

.ClosedErrorPanelText {
    color: #FFFFFF;
    float: left;
}

.ClosedErrorPanelImg {
    padding-top: 3px;
    float: right;
}

.OpenErrorPanelItemDiv {
    margin-left: 3px;
}

.OpenErrorPanelItem {
    border: solid 1px #191A19;
    overflow: visible;
    margin: -1px 13px 0px 0px;
    min-height: 21px;
}

.OpenErrorPanelAltItem {
    border: solid 1px #191A19;
    overflow: visible;
    margin: -1px 13px 0px 0px;
    min-height: 21px;
}

.OpenErrorPanelItemMessage {
    padding: 3px;
}

.OpenErrorPanelItemSeverity {
    padding: 3px;
    width: 15px;
    float: left;
}

.ErrorListItem {
    list-style-type: none;
}
/* [end] Collapsible error panel */

/* [begin] Collapsible panel */

.CollapsiblePanelButtons {
    float: left;
    margin-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

/* [begin] Complex data forms */
.GenericComplexBaseTable {
    margin-top: 5px;
    margin-left: 5px;
    width: 99%;
}

.GenericCollapsiblePanelSearchDiv {
    width: 99%;
}

.GenericComplexChildCollapsiblePanelSearchDiv {
    padding-right: 1px;
    width: 99%;
}

.GenericComplexChildCollapsiblePanelParent {
    height: 20px;
    padding-bottom: 5px;
    background-color: #3c3d3c;
}

.GenericCollapsiblePanelDetailsDivOut {
    padding-top: 10px;
    width: 99%;
}

.GenericCollapsiblePanelDetailsDiv {
    border: solid 1px #3C3D3C;
    background-color: #3c3d3c;
}

.GenericComplexChildCollapsiblePanelDetailsDiv {
    margin-top: 10px;
    padding-right: 1px;
    width: 99%;
}

.GenericCollapsiblePanelContent {
    margin-top: -1px;
    padding: 5px 0px 5px 0px;
    border: solid 1px #3C3D3C;
    overflow: hidden;
}

.GenericComplexChildCollapsiblePanelContent {
    margin-top: -1px;
    margin-right: 1px;
    padding: 0px 5px 0px 0px;
    border: solid 1px #3C3D3C;
}

.GenericCollapsiblePanelText {
    color: #FFFFFF;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    font-weight: bold;
}

.GenericCollapsiblePanelImg {
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}

.GenericCollapsiblePanelHeaderAndImages {
    background-color: #3C3D3C;
    height: 27px;
    border: solid 1px #3C3D3C;
    overflow: hidden;
}

.GenericCollapsiblePanelText:hover {
    cursor: pointer;
}

.GenericCollapsiblePanelHeaderAndImages:hover {
    cursor: pointer;
}

.GenericCollapsiblePanelImg:hover {
    cursor: pointer;
}

/* [end] Complex data forms */

/* [begin] Open GridView structure */
.TableHeaderHyperlink {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 9pt;
    font-weight: bold;
}

    .TableHeaderHyperlink:link {
        color: #FFFFFF;
    }

    .TableHeaderHyperlink:visited {
        color: #FFFFFF;
    }

    .TableHeaderHyperlink:active {
        color: #FFFFFF;
    }

.GridViewRowHyperlink {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
}

    .GridViewRowHyperlink:link {
        color: #3C3D3C;
    }

    .GridViewRowHyperlink:visited {
        color: #3C3D3C;
    }

    .GridViewRowHyperlink:active {
        color: #3C3D3C;
    }

.GridViewRow {
    background-color: #E6E6E6;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewSelectedRow {
    background-color: #CAD2A7;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewRowDataWarning {
    color: Red;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    font-weight: bold;
    height: 20px;
}

.GridViewAlternateRow {
    /* Alternate White Row */
    background-color: #FFFFFF;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewAlternateSelectedRow {
    /* Alternate Selected Row */
    background-color: #CAD2A7;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewGrayAlternateRow {
    /* Alternate Gray Row */
    background-color: #888a88;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewHeaderRow {
    height: 25px;
    text-align: center;
    background-color: #3C3D3C;
    color: #FFFFFF;
}

.GridViewTopRow {
    background-color: #C6C6C6;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewTopRowWithTopBorder {
    border-top: solid 3px;
    border-top-color: #B0B0B0;
    background-color: #C6C6C6;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewNonProductiveField {
    background-color: #C6C6C6;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewFooter {
    height: 20px;
    text-align: left;
    background-color: #3C3D3C;
    color: #FFFFFF;
}

.GridViewFooterAlignCenter {
    height: 20px;
    text-align: center;
    background-color: #3C3D3C;
    color: #FFFFFF;
}

.GridViewFooterAlignRight {
    height: 20px;
    text-align: right;
    background-color: #3C3D3C;
    color: #FFFFFF;
}

.GridViewPagingRow {
    height: 10px;
    text-align: left;
    background-color: #3C3D3C;
    color: #FFFFFF;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 8pt;
}

.GridViewFirstColumn {
    padding-left: 10px;
}

.GridViewLastColumn {
    padding-left: 10px;
    padding-right: 10px;
}

.GridViewItemText {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
}

.GridViewItemTextSmallRightAlign {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    text-align: right;
    vertical-align: baseline;
}

.OperationStatisticsGridViewHeaderRow {
    height: 25px;
    width: 30px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #507CD1;
}

.OperationStatisticsGridViewFirstColumn {
    font-weight: normal;
    text-align: left;
    color: Black;
    background-color: #FFFFFF;
}

.OperationStatisticsGridViewHeaderCornerRow {
    background-color: #FFFFFF;
}

.OperationStatisticsTableTotalRowHeader {
    text-align: center;
    font-weight: bold;
    background-color: #ebebff;
}

.OperationStatisticsTableTotalRowData {
    text-align: center;
    font-weight: bold;
    background-color: #ebebff;
}

.OperationStatisticsTableAverageVolumeRowHeader {
    text-align: center;
    font-weight: bold;
    color: Black;
    background-color: #FFFFFF;
}

.OperationStatisticsTableAverageVolumeRowData {
    font-weight: bold;
}

.OperationStatisticsTablePlannedQuantityRowHeader {
    text-align: center;
    font-weight: bold;
    color: Black;
    background-color: #FFFFFF;
}

.OperationStatisticsTablePlannedQuantityRowData {
    font-weight: bold;
}

/* [end] Open GridView structure */

/* [begin] Open Dynamic GridView structure */

.DynamicGridViewHeaderRow {
    height: 25px;
    text-align: center;
    vertical-align: middle;
    background-color: #3C3D3C;
    font-weight: bold;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 10pt;
    color: #FFFFFF;
    width: 100px;
    padding-left: 3px;
    padding-right: 3px;
}

.DynamicGridViewSmallHeaderRow {
    text-align: center;
    vertical-align: middle;
    background-color: #3C3D3C;
    font-weight: bold;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 10pt;
    color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
}

.DynamicGridViewEmptyHeaderRow {
    height: 25px;
    background-color: Transparent;
}

.DynamicGridViewItemText {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}

.DynamicGridViewItemTextNoAlign {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
}

.DynamicGridViewItemImage {
    height: 16px;
}

.DynamicGridViewSectionItemText {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    height: 20px;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}

.DynamicGridViewSectionHeaderText {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    font-weight: bold;
    height: 20px;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
}

.DynamicGridViewTextNoWrap {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
}

DynamicGridViewTextWrap {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 8pt;
    padding-left: 2px;
    padding-right: 2px;
    white-space: normal;
}

/* [end] Open Dynamic GridView structure */

.ListSearchText {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 10pt;
    font-weight: bold;
    color: #0053A5;
}

/* [begin] Modal Popup */
.ModalBackgroundFirstLevel, .ModalBackground {
    background-color: #3c3d3c;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 60000 !important;
}

.ModalBackgroundSecondLevel {
    background-color: #3c3d3c;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 60501 !important;
}

.ModalBackgroundThirdLevel {
    background-color: #3c3d3c;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 60503 !important;
}

.ModalPopupTitle {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: #018E86;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 5px;
}

.ModalPopupTitleText {
    text-align: center;
    font-weight: bold;
    color: #3C3D3C;
}

.ModalPopupSubTitleText {
    text-align: center;
    font-weight: normal;
    color: #018E86;
}

.ModalPopupAreaTitle {
    text-align: center;
    font-size: small;
    font-weight: bold;
    color: #018E86;
}

.ModalPopupFirstLevel, .ModalPopup {
    background-color: #FFFFFF;
    border-width: 0px;
    border-style: solid;
    border-color: #3c3d3c;
    padding: 3px;
    z-index: 60500 !important;
}

.ModalPopupSecondLevel {
    background-color: #FFFFFF;
    border-width: 0px;
    border-style: solid;
    border-color: #3c3d3c;
    padding: 3px;
    z-index: 60502 !important;
}

.ModalPopupThirdLevel {
    background-color: #FFFFFF;
    border-width: 0px;
    border-style: solid;
    border-color: #3c3d3c;
    padding: 3px;
    z-index: 70000 !important;
}

.ModalPopupButtons {
    padding-top: 10px;
}

.ModalPopupErrorLabel {
    color: Red;
}

.ModalPopupInfoLabel {
    text-align: center;
    font-weight: normal;
}

/* [end] Modal Popup */

/* [begin] Repeater */

.RepeaterSelectedItem {
    font-weight: normal;
    border: solid 2px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #EBEBFF;
    width: 99%;
}

.RepeaterAcceptedItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #CAD2A7;
    width: 99%;
}

.RepeaterNormalItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #EBEBFF;
    width: 99%;
}

.RepeaterYellowItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #FFCC00;
    width: 99%;
}

.RepeaterRedItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #CC0000;
    width: 99%;
}

.RepeaterAlternateItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #ff8888;
    width: 99%;
}

.RepeaterDisabledItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #3c3d3c;
    color: White;
    width: 99%;
}

.RepeaterSectionItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #3c3d3c;
    color: #FFFFFF;
    width: 99%;
}

.ChildRepeaterSelectedItem {
    font-weight: normal;
    border: solid 2px #3c3d3c;
    margin: 1px 5px 0px 5px;
    background-color: #FFFFFF;
    width: 90%;
}

.ChildRepeaterNormalItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 1px 5px 0px 5px;
    background-color: #FFFFFF;
    width: 90%;
}

.ChildRepeaterNormalItemPrepare {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 1px 100px 10px 100px;
    background-color: #FFFFFF;
}

.ChildRepeaterAlternateItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 1px 5px 0px 5px;
    background-color: #CCCCCC;
    width: 90%;
}

.ChildRepeaterSectionItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 1px 5px 0px 5px;
    background-color: #3c3d3c;
    color: #FFFFFF;
    width: 90%;
}

.RepeaterProposalItem {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 3px 5px 0px 5px;
    background-color: #EBEBFF;
    width: 99%;
}

.RepeaterProposalItemSpecial {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    margin: 0px 5px 0px 5px;
    background-color: #CCCCCC;
    width: 98%;
}

.HiddenCell {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.RepeaterInnerItem {
    margin: -4px 0px 0px -3px;
    padding: 0px 0px 0px 0px;
}

.RepeaterInnerImageTable {
    vertical-align: top;
}

.RepeaterSpacer {
    height: 1px;
    margin-top: 1px;
    padding: 0px 0px 0px 0px;
}

.RepeaterImageCell {
    width: 16px;
    vertical-align: top;
}

.RepeaterInlineImageCell {
    width: 16px;
    vertical-align: middle;
}

.RepeaterCell {
    padding-right: 10px;
    padding-left: 4px;
    padding-bottom: 4px;
}

.RepeaterLabelCell {
    padding-left: 4px;
    padding-bottom: 0px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.RepeaterLabelRightCell {
    padding-right: 4px;
    padding-bottom: 0px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

.RepeaterDataCell {
    padding-bottom: 0px;
    text-align: left;
    vertical-align: middle;
}

.RepeaterInnerCell {
    padding-right: 10px;
}

.RepeaterSummary {
    margin: 0px 0px 0px 8px;
}

.RepeaterSummaryHeader {
    background-color: #3c3d3c;
    color: #FFFFFF;
    border: solid 1px #3c3d3c;
    margin: 5px 10px 0px 5px;
    width: 98%;
}

.RepeaterSummaryContent {
    font-weight: normal;
    border: solid 1px #3c3d3c;
    border-bottom: solid 1px #3c3d3c;
    margin: -3px 5px 10px 5px;
    background-color: #EBEBFF;
    width: 98%;
}

.RepeaterSummaryTableRow {
    vertical-align: middle;
}

.RepeaterSummaryTableCell {
    padding: 4px 10px 4px 4px;
    vertical-align: middle;
}

.LabelCell {
    text-align: right;
}

.RadioButtonListCell {
    border: solid 1px #3c3d3c;
}

.OptionLabel {
    text-align: right;
}

.OptionCell {
    padding-right: 10px;
}

.RepeaterFieldInputWatermark {
    color: #AAAAAA;
}

/* [end] Repeater */

/* [start] Option Colapsible Panel */

.InternalOptionsHeader {
    width: 378px;
    background-color: #3c3d3c;
    border: solid 1px #3c3d3c;
    margin: 0px 0px 0px 5px;
}

.InternalOptionsPanel {
    width: 378px;
    background-color: #FFFFFF;
    border: solid 1px #3c3d3c;
    margin: -1px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

.InternalSummaryHeader {
    width: 948px;
    background-color: #3c3d3c;
    border: solid 1px #3c3d3c;
    margin: 0px 0px 0px 5px;
}

.InternalSummaryPanel {
    width: 948px;
    background-color: #FFFFFF;
    border: solid 1px #3c3d3c;
    margin: -1px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

.SummaryAnchorLink:hover {
    cursor: pointer;
}

/* [end] Option Colapsible Panel */

.TreeView {
    vertical-align: text-top;
}

.TreeViewNode {
    vertical-align: middle;
}

    .TreeViewNode:hover {
        cursor: pointer;
    }

.LabelWrap {
    white-space: normal;
}

.LabelNoWrap {
    white-space: nowrap;
}

.LabelNoWrapBold {
    white-space: nowrap;
    font-weight: bold;
}

.LabelNoWrapMarginRigth {
    white-space: nowrap;
    margin-right: 10px;
}

.TableHeaderHyperlinkNoWrap {
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 9pt;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 15px;
}

    .TableHeaderHyperlinkNoWrap:link {
        color: #FFFFFF;
    }

    .TableHeaderHyperlinkNoWrap:visited {
        color: #FFFFFF;
    }

    .TableHeaderHyperlinkNoWrap:active {
        color: #FFFFFF;
    }

.WMMonitorTableHeader {
    background-color: #507CD1;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.WMMonitorTableRowStyle {
    background-color: #EFF3FB;
}

.WMMonitorTableAlternateRowStyle {
    background-color: #FFFFFF;
}

.WMMonitorSmallText {
    vertical-align: baseline;
    text-align: left;
    padding-right: 10px;
}

/* [start] Internal Collapsible Panel */

.InternalCollapsiblePanelHeader {
    width: 980px;
    background-color: #ebebff;
    border: solid 1px #0053A5;
    margin: 0px 0px 0px 5px;
}

.InternalCollapsiblePanel {
    width: 980px;
    background-color: #FFFFFF;
    border: solid 1px #0053A5;
    margin: -1px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

/* [end] Internal Collapsible Panel */

.FieldSet {
    border: solid 1px #3C3D3C;
    margin-bottom: 5px;
}

.FieldSetLegend {
    color: #018E86;
    font-weight: bold;
}

.HorizontalRule {
    /* Style for the HR */
    color: #018E86;
    background-color: #018E86;
    height: 1px;
    border: none;
}
/* [start] Input Fields */

.QuantityInput {
    text-align: right;
    text-indent: 1px;
}

/* [end] Input Fields */

.Hidden {
    visibility: hidden;
}

.Visible {
    visibility: visible;
}

.CustomHyperlink {
    text-decoration: underline;
    font-family: Verdana, Tahoma, CharlotteSansBook;
    font-size: 9pt;
    color: #000088;
    white-space: nowrap;
    cursor: pointer;
}

table.dataTable thead th.CustomHyperlink {
    text-decoration: none;
    font-family: inherit;
    color: initial;
    white-space: initial;
    cursor: inherit;
}

/* Data Set display in Start Page dashboard */

.DatasetTable {
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-align: center;
    font-family: Tahoma, Arial, CharlotteSansBook;
    font-size: 8pt;
}

.DatasetColumnHeaders {
    text-align: center;
    font-weight: bold;
    background-color: #ebebff;
    height: 30px;
}

.DatasetRow {
    background-color: #E6E6E6;
    height: 20px;
}

.DatasetAlternateRow {
    background-color: #FFFFFF;
    height: 20px;
}

.DatasetRowHeader {
    text-align: left;
    font-weight: bold;
    background-color: #ebebff;
}

.DatasetCornerCell {
    background-color: #FFFFFF;
}

.CompletionListCssClass {
    visibility: hidden;
    padding: 0px;
    border: solid 1px Gray;
    background-color: White;
    list-style-type: none;
    z-index: 100000000000000 !important;
    margin: 0px;
    line-height: 20px;
    overflow: inherit;
    white-space: pre;
    min-width: 340px;
    cursor: pointer;
    text-align: left;
    color: #3C3D3C;
}

.CompletionListItemCssClass {
    overflow: hidden;
    white-space: pre;
    padding-left: 5px;
    padding-right: 5px;
}

.CompletionListHighlightedItemCssClass {
    overflow: hidden;
    white-space: pre;
    padding-left: 5px;
    font-weight: bold;
    padding-right: 5px;
    color: White;
    background-color: #3C3D3C;
}

/* [Start] Update Progress */
.BigUpdateProgressModal {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #3C3D3C;
    opacity: 0.6;
    moz-opacity: 0.60;
    filter: alpha(opacity=60);
    z-index: 2147483647;
}

.BigUpdateProgressModalZIndex {
    z-index: 999999;
}

.BigUpdateProgressModalWithZIndex {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #3C3D3C;
    opacity: 0.6;
    moz-opacity: 0.60;
    filter: alpha(opacity=60);
    z-index: 2147483647;
}

.BigUpdateProgressModalTopZIndex {
    z-index: 2147483647;
}

.ZIndex {
    z-index: 2147483647;
}

.BigUpdateProgressModalAbsolutePosition {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #3C3D3C;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 2147483647;
}

.BigUpdateProgressModalStyleAdjustment {
    top: 0px;
    left: 0px;
}

.BigUpdateProgressUploadFile {
    width: 718px;
    height: 474px;
    position: absolute;
    background-color: #3C3D3C;
    opacity: 0.6;
    filter: alpha(opacity=60);
    top: -422px;
    left: -10px;
    z-index: 2147483647;
}

.BigUpdateProgressImage {
    margin-left: 45%;
    margin-top: 25%;
}

.BigUpdateProgressImageUploadFile {
    margin-left: 0%;
    margin-top: 10%;
}

.UpdateProgressImage {
    bottom: 10px;
    left: 10px;
    position: fixed;
}

.UpdateProgressImageAbsolutePosition {
    bottom: 1%;
    left: 10px;
    position: absolute;
}
/* [End] Update Progress */

.StrongBrown {
    font-weight: bold;
    text-align: center;
    color: #993300;
}

.TableGo {
    background: url( '../Images/table_go.png' ) no-repeat left bottom;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.ImageHover {
    cursor: pointer;
}

.ImageButtonDimensions {
    width: 16px;
    height: 16px;
}

/* [Start] TM020 - Vehicle Layout */
.PanelLabel {
    font-weight: bold;
    white-space: nowrap;
}

.PanelLabelWrap {
    font-weight: bold;
    white-space: nowrap;
}

.PanelTextInput {
    vertical-align: central;
    text-align: left;
    text-indent: 1px;
    white-space: nowrap;
}

.PanelTextInputWrap {
    vertical-align: central;
    text-align: left;
    text-indent: 1px;
}

.PanelActionsButton {
    width: 90px;
    height: 20px;
    cursor: pointer;
}

.blue {
    background: #379afd;
}

.brown {
    background: #a85400;
}

.green {
    background: #55ff80;
}

.orange {
    background: #ff7100;
}

.red {
    background: #ea0000;
}

.white {
    background: #ffffff;
}

.yellow {
    background: #ffff53;
}
/* [End] TM020 - Vehicle Layout */

/* [Start] PK003 - Packng Container Template Layout */
.ui-widget-overlay {
    background: #3C3D3C;
    opacity: .30;
    filter: Alpha(Opacity=30);
}
/* [End] PK003 - Packng Container Template Layout */


/* [Start] Jquery & Javascript*/
.ui-dialog .ui-dialog-title {
    color: white;
    text-align: center;
}

.ui-dialog .ui-dialog-content {
    background: #E6E6E6;
    overflow: hidden;
}

.ui-widget-content, .ui-dialog .ui-resizable-n, .ui-dialog .ui-resizable-e, .ui-dialog .ui-resizable-s, .ui-dialog .ui-resizable-w {
    background: transparent;
}

.ui-dialog-titlebar {
    background: black;
}

.ui-widget-content {
}

.center-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
    z-index: 1000000000000001 !important;
}

.ui-dialog {
    font-family: Verdana;
    font-size: 8pt;
    z-index: 100000000000000 !important;
}

.ui-dialog-bottom {
    z-index: 10000 !important;
}

.hoverTable tr:hover {
    background-color: #D3D3D3 !important;
}

.ui-autocomplete {
    background: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 170px;
}

.ui-tooltip {
    padding: 5px;
    position: absolute;
    max-width: 350px;
    -webkit-box-shadow: 0 0 0 #000000;
    box-shadow: 0 0 0 #000000;
    font-size: 12px;
    font-family: Calibri;
    background-color: white;
    color: black;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
    z-index: 999999999999999 !important;
}

body .ui-tooltip {
    border-width: 1px;
}

.ui-tooltip-content {
    font-size: 12px;
    font-family: Calibri;
    background-color: white;
    color: black;
}

#container {
    background-color: #ffffff;
}

.Dropdownlist {
     font-size: 12px;
}

/* [End] Jquery & Javascript*/

/* [Start] OP034 - Product Structure Management */

.imgDisabled {
    opacity: 0.4;
}

.noselect {
    -webkit-user-select: none; /* Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

.areaResult {
    overflow: scroll;
    height: 375px;
    width: 100%;
    overflow: auto;
    background-color: white;
}

.marginButton {
    margin-bottom: 65px;
    cursor: pointer;
}

.inputTextMaxLength10 {
    width: 60px;
}

.inputText {
    width: 137px;
}

.largeInputText {
    width: 170px;
}

.LabelOtherCosts {
    margin-left: 145px;
}

.labelLink {
    font-size: 7pt;
    color: #3366BB;
    cursor: pointer;
}

.ExpandCollapse, .ExpandCollapsePrev, .ExpandCollapseBOM, .ExpandCollapsePrevBOM, .ExpandCollapseInfo, .ExpandCollapsePrevInfo, .ExpandCollapseSearch, .ExpandCollapsePrevSearch {
    background-color: #d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}

.divImg {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.cmbWidth {
    width: 140px;
}

.imgWidth {
    width: 16px;
}

.largeImgWidth {
    width: 20px;
}

.thAlign {
    width: 40%;
    text-align: right;
}

.thAlign4Cols {
    width: 37%;
    text-align: right;
}

.tdAlign {
    width: 60%;
    text-align: left;
}

.tdOtherCosts {
    width: 65%;
    text-align: right;
}

/* [End] OP034 - Product Structure Management */

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Firefox */
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Webkit */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* IE */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Opera and prob css3 final iteration */

.BlinkObject {
    -moz-transition: all 1s ease-in-out; /* Firefox */
    -webkit-transition: all 1s ease-in-out; /* Webkit */
    -o-transition: all 1s ease-in-out; /* IE */
    -ms-transition: all 1s ease-in-out; /* Opera and prob css3 final iteration */
    transition: all 1s ease-in-out;
    /* order: name, direction, duration, iteration-count, timing-function */
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out; /* IE */
    animation: blink normal 1.5s infinite ease-in-out;
}

/* Images */
.CenteredImages {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ColorRed{
    color: red;
}
.ColorGreen{
    color: green;
}
.ColorYellow{
    color: #c8b404;
}

.btnFa{
    cursor: pointer;
    border: 0px; 
    height: 16px;
    width: 16px;
}